<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../src/styles/nav.css">
    <link rel="stylesheet" href="../src/styles/TopBanner.css">
    <link rel="stylesheet" href="../src/styles/search.css">
    <link rel="stylesheet" href="../src/styles/mainNav.css">
    <link rel="stylesheet" href="../src/styles/home-Content.css">
    <link rel="stylesheet" href="../src/styles/supermarket.css">
    <link rel="stylesheet" href="../src/styles/international.css">
    <link rel="stylesheet" href="../src/styles/guess.css">
    <link rel="stylesheet" href="../src/styles/footer.css">
    <link rel="stylesheet" href="../src/styles/swiper-bundle.css">
    <script src="./js/index.js" type="module"></script>
</head>

<body>
    <div class="father">
        <img src="../src/img/10007.png" alt="" class="bg1">
        <img src="../src/img/10008.png" alt="" class="bg2">
        <div class="nav">
            <div class="nav-content">
                <div class="left">
                    <a href="">天猫首页</a>
                    <span>喵，欢迎来天猫</span>
                    <a href="./detailed.html">请登录</a>
                    <a href="">免费注册</a>
                </div>

                <ul class="right">
                    <li class="bgg">
                        <a href="">我的淘宝</a>
                        <ul class="second">
                            <li><a href="">已买到的宝贝</a></li>
                            <li><a href="">已卖出的宝贝</a></li>
                        </ul>
                    </li>

                    <li><a href="">购物车</a> </li>
                    <li class="bgg">
                        <a href="">收藏夹</a>
                        <ul class="second">
                            <li><a href="">已买到的宝贝</a></li>
                            <li><a href="">已卖出的宝贝</a></li>
                        </ul>
                    </li>
                    <li class="phone">
                        <a href="">手机版</a>
                        <img src="./img/二维码.png" alt="" class="QR">
                    </li>

                    <li><a href="">淘宝网</a> </li>
                    <li><a href="">网页无障碍</a></li>

                    <li class="support">
                        <a href="" class="bgg">商家支持</a>
                        <ul class="help">
                            <li>
                                <h3>商家</h3>
                                <a href="">商家中心</a>
                                <a href="">天猫规则</a>
                                <a href="">商家入驻</a>
                                <a href="">运营服务</a>
                                <a href="">商家品控</a>
                                <a href="">商家工具</a>
                                <a href="">天猫智库</a>
                                <a href="">喵言喵语</a>
                                <div>......................................</div>
                            </li>
                            <li>
                                <h3>帮助</h3>
                                <p><a href="">商家服务大厅</a></p>
                                <a href="">问商友</a>
                                <div>......................................</div>
                            </li>
                        </ul>
                    </li>
                    <li><a href="">商家中心</a> </li>
                </ul>

            </div>
        </div>

        <div class="TopBanner">
            <div class="TopBanner-main">
                <div class="TopBanneritem">
                    <a href="">
                        <img src="../src/img/10001.png" alt="" class="bg">
                    </a>
                </div>
                <div class="TopBanneritem">
                    <a href="">
                        <img src="../src/img/10002.png" alt="" class="bg">
                    </a>
                </div>
                <div class="TopBanneritem">
                    <a href="">
                        <img src="../src/img/10003.png" alt="" class="bg">
                    </a>
                </div>
                <div class="TopBanneritem">
                    <a href="">
                        <img src="../src/img/10004.png" alt="" class="bg">
                    </a>
                </div>
                <div class="TopBanneritem">
                    <a href="">
                        <img src="../src/img/10005.png" alt="" class="bg">
                    </a>
                </div>

            </div>
        </div>

        <div class="search">

            <div class="logo">
                <img src="../src/img/10006.png" alt="" class="tianmao">
            </div>

            <div>
                <div class="search-main">
                    <input type="text" placeholder="搜索 天猫 商品/品牌/店铺">
                    <div class="search-button">搜索</div>
                </div>
            </div>
        </div>

        <div class="mainNav">
            <div class="mainNav-left">主题市场</div>
            <div class="mainNav-right">
                <a href=""><img src="../src/img/10009.png" alt="" class="bg"></a>
                <a href=""><img src="../src/img/10010.png" alt="" class="bg"></a>
                <a href="">天猫会员</a>
                <a href="">喵鲜生</a>
                <a href="">医药馆</a>
                <a href="">魅力惠</a>
                <a href="">飞猪旅行</a>
                <a href="">苏宁易购</a>
                <a href="">天猫内容</a>
            </div>
        </div>

        <div class="home-Content">

            <div class="home-Content-left">

                <div class="type">
                    <a href="">
                        <span>女装</span>
                    </a>
                    <div>/</div>
                    <a href="">
                        <span>内衣</span>
                    </a>
                </div>

                <div class="type">
                    <a href="">
                        <span>男装</span>
                    </a>
                    <div>/</div>
                    <a href="">
                        <span>户外运动</span>
                    </a>
                </div>

                <div class="type">
                    <a href="">
                        <span>女鞋</span>
                    </a>
                    <div>/</div>
                    <a href="">
                        <span>男鞋</span>
                    </a>
                    <div>/</div>
                    <a href="">
                        <span>箱包</span>
                    </a>
                </div>

                <div class="type">
                    <a href="">
                        <span>美妆</span>
                    </a>
                    <div>/</div>
                    <a href="">
                        <span>个人护肤</span>
                    </a>
                </div>

                <div class="type">
                    <a href="">
                        <span>腕表</span>
                    </a>
                    <div>/</div>
                    <a href="">
                        <span>眼镜</span>
                    </a>
                    <div>/</div>
                    <a href="">
                        <span>珠宝饰品</span>
                    </a>
                </div>

                <div class="type">
                    <a href="">
                        <span>手机</span>
                    </a>
                    <div>/</div>
                    <a href="">
                        <span>数码</span>
                    </a>
                    <div>/</div>
                    <a href="">
                        <span>电脑办公</span>
                    </a>
                </div>

                <div class="type">
                    <a href="">
                        <span>母婴玩具</span>
                    </a>
                </div>

                <div class="type">
                    <a href="">
                        <span>零食</span>
                    </a>
                    <div>/</div>
                    <a href="">
                        <span>茶酒</span>
                    </a>
                    <div>/</div>
                    <a href="">
                        <span>进口食品</span>
                    </a>
                </div>



                <div class="type">
                    <a href="">
                        <span>生鲜水果</span>
                    </a>
                </div>

                <div class="type">
                    <a href="">
                        <span>大家电</span>
                    </a>
                    <div>/</div>
                    <a href="">
                        <span>生活电器</span>
                    </a>
                </div>

                <div class="type">
                    <a href="">
                        <span>家具</span>
                    </a>
                    <div>/</div>
                    <a href="">
                        <span>灯具</span>
                    </a>
                    <div>/</div>
                    <a href="">
                        <span>卫浴</span>
                    </a>
                </div>

                <div class="type">
                    <a href="">
                        <span>汽车</span>
                    </a>
                    <div>/</div>
                    <a href="">
                        <span>配件</span>
                    </a>
                    <div>/</div>
                    <a href="">
                        <span>用品</span>
                    </a>
                </div>

                <div class="type">
                    <a href="">
                        <span>家纺</span>
                    </a>
                    <div>/</div>
                    <a href="">
                        <span>家饰</span>
                    </a>
                    <div>/</div>
                    <a href="">
                        <span>鲜花</span>
                    </a>
                </div>

                <div class="type">
                    <a href="">
                        <span>医药保健</span>
                    </a>
                </div>

                <div class="type">
                    <a href="">
                        <span>厨具</span>
                    </a>
                    <div>/</div>
                    <a href="">
                        <span>收纳</span>
                    </a>
                    <div>/</div>
                    <a href="">
                        <span>宠物</span>
                    </a>
                </div>
                <div class="type">
                    <a href="">
                        <span>图书音像</span>
                    </a>
                </div>
            </div>


            <div class="home-Content-center">
                <div class="home-Content-center-top-img">
                    <div class="swiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide"><img src="./img/轮播图.png" alt=""></div>
                            <div class="swiper-slide"><img src="./img/轮播图.jpg" alt=""></div>
                            <div class="swiper-slide"><img src="./img/轮播图 (1).jpg" alt=""></div>
                        </div>
                        <div class="swiper-pagination"></div>
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                    </div>
                </div>

                <div class="home-Content-center-bottom-img">
                    <div class="swiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="./img/轮播图 (7).jpg" alt="" style="width: 256px; height: 200px;border-radius: 12px 0px 0px 12px;
                                margin-right: 3px;">
                                <img src="./img/轮播图 (11).jpg" alt="" style="width: 256px; height: 200px;">
                            </div>

                            <div class="swiper-slide">
                                <img src="./img/轮播图 (8).jpg" alt="" style="width: 256px; height: 200px;border-radius: 12px 0px 0px 12px;
                                margin-right: 3px;">
                                <img src="./img/轮播图 (10).jpg" alt="" style="width: 256px; height: 200px;">
                            </div>

                            <div class="swiper-slide">
                                <img src="./img/轮播图 (9).jpg" alt="" style="width: 256px; height: 200px;border-radius: 12px 0px 0px 12px;
                                margin-right: 3px;">
                                <img src="./img/轮播图 (6).jpg" alt="" style="width: 256px; height: 200px;">
                            </div>
                        </div>>
                        
                    </div>>
                </div>
            </div>



            <div class="home-Content-right">
                <div class="User">

                    <div class="User-box">
                        <a href="">
                            <img src="../src/img/10026.jpg" alt="" style="border-radius: 50%;">
                            <div>Hi!你好</div>
                        </a>
                    </div>

                </div>

                <!-- 图片 -->
                <div class="home-Content-right-img">
                    <a href="">
                        <img src="../src/img/10027.webp" alt="" class="bg">
                    </a>
                </div>

                <!-- 公告 -->
                <div class="Potsdam">
                    <div class="top">
                        公告
                        <span>新鲜事儿都在这里~</span>
                    </div>

                    <div class="hot">
                        <a href="">
                            <span class="bg">热点</span>
                            <span>设计创享家3D设计服务大赛来袭！</span>
                        </a>
                    </div>
                    <div class="hot">
                        <a href="">
                            <span class="bg">热点</span>
                            <span>全球新发现，好物开抢就现在！</span>
                        </a>
                    </div>
                    <div class="hot">
                        <a href="">
                            <span class="bg">热点</span>
                            <span>万款新品流行速递抢先看</span>
                        </a>
                    </div>
                </div>
            </div>

        </div>

        <div class="supermarket">
            <a href="">
                <img src="../src/img/10028.png" alt="" class="bg">
            </a>

            <!-- 主页渲染盒子 -->
            <div class="php-1">
                
            </div>



        </div>

        <div class="international supermarket">
            <a href="">
                <img src="../src/img/{no.100035}.png" alt="" class="bg">
            </a>

            <div class="supermarket-commodity">
                <a href="">
                    <img src="../src/img/{no.100035}.jpg" alt="" class="supermarket-commodity-bg commodity-bg">
                    <div class="supermarket-commodity-first">
                        <div class="left">进口直降</div>
                        <div class="center">|</div>
                        <div class="right">
                            <p>全球尖货</p>
                            <p style="font-size: 14px;line-height: 27px;">立即抢</p>
                        </div>
                    </div>
                </a>
            </div>

            <div class="commodity">
                <a href="">
                    <img src="../src/img/{no.100035} (2).jpg" alt="" class="commodity-bg">
                    <div class="commodity-name" style="font-size: 18px;line-height: 25px;height: 25px;">海外直购</div>
                    <span style="font-size: 16px;">尖货疯抢</span>
                </a>
            </div>

            <div class="commodity">
                <a href="">
                    <img src="../src/img/天猫国际 (1).jpg" alt="" class="commodity-bg">
                    <div class="commodity-name">可孚创可贴女防水透气可爱少女脚后跟磨脚贴大号凑单100片创口贴</div>
                    <span>￥9.9</span>
                </a>
            </div>

            <div class="commodity">
                <a href="">
                    <img src="../src/img/天猫国际 (2).jpg" alt="" class="commodity-bg">
                    <div class="commodity-name">可孚创可贴女防水透气可爱少女脚后跟磨脚贴大号凑单100片创口贴</div>
                    <span>￥9.9</span>
                </a>
            </div>

            <div class="commodity">
                <a href="">
                    <img src="../src/img/天猫国际 (3).jpg" alt="" class="commodity-bg">
                    <div class="commodity-name">可孚创可贴女防水透气可爱少女脚后跟磨脚贴大号凑单100片创口贴</div>
                    <span>￥9.9</span>
                </a>
            </div>

            <div class="supermarket-commodity">
                <a href="">
                    <img src="../src/img/{no.100035}.jpg" alt="" class="supermarket-commodity-bg commodity-bg">
                    <div class="supermarket-commodity-first">
                        <div class="left">进口直降</div>
                        <div class="center">|</div>
                        <div class="right">
                            <p>全球尖货</p>
                            <p style="font-size: 14px;line-height: 27px;">立即抢</p>
                        </div>
                    </div>
                </a>
            </div>

            <div class="commodity">
                <a href="">
                    <img src="../src/img/天猫国际 (4).jpg" alt="" class="commodity-bg">
                    <div class="commodity-name">可孚创可贴女防水透气可爱少女脚后跟磨脚贴大号凑单100片创口贴</div>
                    <span>￥9.9</span>
                </a>
            </div>

            <div class="commodity">
                <a href="">
                    <img src="../src/img/天猫国际 (5).jpg" alt="" class="commodity-bg">
                    <div class="commodity-name">可孚创可贴女防水透气可爱少女脚后跟磨脚贴大号凑单100片创口贴</div>
                    <span>￥9.9</span>
                </a>
            </div>

            <div class="commodity">
                <a href="">
                    <img src="../src/img/天猫国际 (6).jpg" alt="" class="commodity-bg">
                    <div class="commodity-name">可孚创可贴女防水透气可爱少女脚后跟磨脚贴大号凑单100片创口贴</div>
                    <span>￥9.9</span>
                </a>
            </div>

            <div class="commodity">
                <a href="">
                    <img src="../src/img/天猫国际.jpg" alt="" class="commodity-bg">
                    <div class="commodity-name">可孚创可贴女防水透气可爱少女脚后跟磨脚贴大号凑单100片创口贴</div>
                    <span>￥9.9</span>
                </a>
            </div>

        </div>

        <div class="guess supermarket">
            <div class="guess-title">
                <div class="like">猜你喜欢</div>
                <div class="Introduction" style="display: inline-block;">
                    <span>个性推荐</span>
                </div>
            </div>

            <div class="commodity">
                <a href="">
                    <img src="../src/img/猜你喜欢.jpg" alt="" class="commodity-bg">
                    <div class="commodity-name">可孚创可贴女防水透气可爱少女脚后跟磨脚贴大号凑单100片创口贴</div>
                    <span>￥9.9</span>
                </a>
            </div>

            <div class="commodity">
                <a href="">
                    <img src="../src/img/猜你喜欢.png" alt=""
                        style="border-radius: 18px; background-color: rgba(0, 0, 0, .02);" class="commodity-bg">
                    <div class="commodity-name">皇家美素佳儿荷兰进口幼儿配方奶粉3段(12-36月)800g×1罐</div>
                    <span>￥49</span>
                </a>
            </div>

            <div class="commodity">
                <a href="">
                    <img src="../src/img/猜你喜欢 (1).jpg" alt="" class="commodity-bg">
                    <div class="commodity-name">比比赞网红日式小圆饼干500g海盐小圆饼零食小吃休闲食品</div>
                    <span>￥79</span>
                </a>
            </div>

            <div class="commodity">
                <a href="">
                    <img src="../src/img/猜你喜欢 (1).png" alt=""
                        style="border-radius: 18px; background-color: rgba(0, 0, 0, .02);" class="commodity-bg">
                    <div class="commodity-name">绿伞防霉防蛀片樟脑丸208g桂花芳香衣柜衣橱柜子驱防虫樟脑球</div>
                    <span>￥41.6</span>
                </a>
            </div>

            <div class="commodity">
                <a href="">
                    <img src="../src/img/猜你喜欢 (2).jpg" alt="" class="commodity-bg">
                    <div class="commodity-name">grace/洁丽雅浴帽干发帽女超强吸水速干包头干发巾长短发通用1条</div>
                    <span>￥29.9</span>
                </a>
            </div>

            <div class="commodity">
                <a href="">
                    <img src="../src/img/猜你喜欢 (2).png" alt=""
                        style="border-radius: 18px; background-color: rgba(0, 0, 0, .02);" class="commodity-bg">
                    <div class="commodity-name">植物染发膏施华蔻染发剂怡然染发霜1盒自己在家染遮白发</div>
                    <span>￥59</span>
                </a>
            </div>

            <div class="commodity">
                <a href="">
                    <img src="../src/img/猜你喜欢 (3).jpg" alt="" class="commodity-bg">
                    <div class="commodity-name">超威驱蚊电蚊香液无香无味5瓶1器285晚家庭家用灭蚊插电蚊香</div>
                    <span>￥39.9</span>
                </a>
            </div>

            <div class="commodity">
                <a href="">
                    <img src="../src/img/猜你喜欢 (3).png" alt=""
                        style="border-radius: 18px; background-color: rgba(0, 0, 0, .02);" class="commodity-bg">
                    <div class="commodity-name">高洁丝夜用放肆睡420mm×9片丝薄棉柔超长款防侧漏卫生巾姨妈巾</div>
                    <span>￥27.9</span>
                </a>
            </div>

            <div class="commodity">
                <a href="">
                    <img src="../src/img/猜你喜欢 (4).png" alt=""
                        style="border-radius: 18px; background-color: rgba(0, 0, 0, .02);" class="commodity-bg">
                    <div class="commodity-name">名创优品A款珍珠纹洗脸巾600抽棉柔巾洗面巾擦脸巾洁面巾一次性</div>
                    <span>￥49.9</span>
                </a>
            </div>

            <div class="commodity">
                <a href="">
                    <img src="../src/img/猜你喜欢 (5).png" alt=""
                        style="border-radius: 18px; background-color: rgba(0, 0, 0, .02);" class="commodity-bg">
                    <div class="commodity-name">海氏海诺创可贴止血医用防水透气创口防磨脚100片凑单创口贴</div>
                    <span>￥9.9</span>
                </a>
            </div>
        </div>
    </div>

    <div class="footer">
        <a href="">
            <div class="footer-1">
                <div class="footer-1-1">
                    <div class="footer-1-1-1"><strong style="font-weight: 800;">优</strong></div>
                    <div>
                        <div class="footer-1-1-2"><strong>品质保障</strong></div>
                        <div class="footer-1-1-3">品质护航，购物无忧</div>
                    </div>
                </div>
                <div class="footer-1-1">
                    <div class="footer-1-1-1"><strong style="font-weight: 800;">七</strong></div>
                    <div>
                        <div class="footer-1-1-2"><strong>七天无理由退换货</strong></div>
                        <div class="footer-1-1-3">为您提供售后无忧保障</div>
                    </div>
                </div>
                <div class="footer-1-1">
                    <div class="footer-1-1-1"><strong style="font-weight: 800;">特</strong></div>
                    <div>
                        <div class="footer-1-1-2"><strong>特色服务体验</strong></div>
                        <div class="footer-1-1-3">为您呈现不一样的服务</div>
                    </div>
                </div>
                <div class="footer-1-1">
                    <div class="footer-1-1-1"><strong style="font-weight: 800;">帮</strong></div>
                    <div>
                        <div class="footer-1-1-2"><strong>帮助中心</strong></div>
                        <div class="footer-1-1-3">您的购物指南</div>
                    </div>
                </div>
            </div>
        </a>
        <div class="footer-2">
            <dl>
                <dt>
                    <span>购物指南</span>
                </dt>
                <dd>
                    <a href="">免费注册</a><br>
                    <a href="">开通支付宝</a><br>
                    <a href="">支付宝充值</a>
                </dd>
            </dl>

            <dl>
                <dt>
                    <span>天猫保障</span>
                </dt>
                <dd>
                    <a href="">发票保障</a><br>
                    <a href="">售后规则</a><br>
                    <a href="">物流时效保障</a>
                </dd>
            </dl>
            <dl>
                <dt>
                    <span>支付方式</span>
                </dt>
                <dd>
                    <a href="">快捷支付</a><br>
                    <a href="">信用卡</a><br>
                    <a href="">余额宝</a><br>
                    <a href="">蚂蚁花呗</a>
                </dd>
            </dl>
            <dl>
                <dt>
                    <span>商家服务</span>
                </dt>
                <dd>
                    <a href="">天猫规则</a><br>
                    <a href="">商家入驻</a><br>
                    <a href="">商家中心</a><br>
                    <a href="">天猫必修课</a><br>
                    <a href="">喵言喵语</a><br>
                    <a href="">运营服务</a>
                </dd>
            </dl>
            <dl>
                <dt>
                    <span>手机天猫</span>
                </dt>
                <dd>
                    <img src="./img/footer.png" alt="">
                </dd>
            </dl>
        </div>
        <div class="footer-3">
            <p class="footer-3-1">
                <a href="">关于天猫</a>
                <a href="">商家服务大厅</a>
                <a href="">开放平台</a>
                <a href="">诚聘英才</a>
                <a href="">联系我们</a>
                <a href="">网站合作</a>
                <a href="">法律声明</a>
                <a href="">隐私权政策</a>
                <a href="">知识产权</a>
                <a href="">廉正举报</a>
                <a href="">规则意见征集</a>
                <a href="">不当竞争举报</a>
                <a href="">规则意见征集</a>
            </p>
            <p class="footer-3-2">
                <a href="">阿里巴巴集团 |</a>
                <a href="">淘宝网 |</a>
                <a href="">天猫 |</a>
                <a href="">聚划算 |</a>
                <a href="">全球速卖通 |</a>
                <a href="">阿里巴巴国际交易市场 |</a>
                <a href="">1688 |</a>
                <a href="">阿里妈妈 |</a>
                <a href="">飞猪 |</a>
                <a href="">阿里云计算 |</a>
                <a href="">AliOS |</a>
                <a href="">阿里通信 |</a>
                <a href="">万网 |</a>
                <a href="">高德 |</a>
                <a href="">UC |</a>
                <a href="">友盟 |</a>
                <a href="">虾米 |</a>
                <a href="">钉钉 |</a>
                <a href="">支付宝 |</a>
                <a href="">阿里安全 |</a>
            </p>
            <div class="footer-3-3">
                <a data-spm-protocol="i" href="">增值电信业务经营许可证:浙B2-20110446</a><span
                    style="margin-right :65px; ">市场名称登记证:工商网市字3301004119号</span>
                <span>出版物网络交易平台服务经营备案证:新出发浙备字第2019002号</span>
                <br>
                <a data-spm-protocol="i" hrefr="">市场名称登记证:工商网市字3301004119号</a>
                <span>出版物网络交易平台服务经营备案证:新出发浙备字第2019002号</span>
                <br>
                <span style=>互联网违法和不良信息举报电话:0571-81683755 jubao.tb@iservice.taobao.com</span><a
                    href=" //www.12377.cn/">中国互联网举报中心</a>
                <a href="https : / / www .shdf.gov.cn/">中国扫黄打非网 </a>
                <a href="https:/ljbts.mct.gov.cn/">全国文化和旅游市场网上举报投诉处理系统</a><a
                    href="https : // www.12315.cn/">全国12315平台</a>
                <br>
                <a href="">浙江省互联网违法和不良信息举报中心</a>
                <a href="">全网举报</a>
                互联网药品信息服务资质证书编号：
                <a href="">浙-（经营性）-2017-0005</a>
                <a href="">
                    <img src="./img/footer (1).png" alt="">
                    浙公网安备 33010002000120号
                </a>
                <br>
                <span>医疗器械网络交易服务第三方平台备案：（浙）网械平台备字[2018]第00002号</span>
                <span>网络文化经营许可证：浙网文 [2021]1668-073号</span>
                <img style="width: 35px;" src="./img/footer.gif" alt="">
                <br>
                <span style="margin-right:30px;">浙江省网络食品销售第三方平台提供者备案：浙网食A33010002</span>
                <a href="https://jbts.mct.gov.cn/">12318举报</a>
                <a href="http://beian.miit.gov.cn/">浙B2-20110446-1</a>
                <br>
                <span>© 2003-现在 TMALL.COM 版权所有</span>
                <br>
                <img style="margin-right: 50px;" src="./img/footer.jpg" alt="">
                <img style="margin-right: 50px;" src="./img/footer (2).png" alt="">
                <img style="margin-right: 40px;" src="./img/footer (3).png" alt="">

                <img style="margin-right: 30px;" src="./img/footer (4).png" alt="">
                <br>

                <img style="margin-top: 15px;" src="./img/footer (5).png" alt="">


            </div>
            <div class="box8">
                <div><img src="./img/footer (6).png" alt="">
                </div>
            </div>
        </div>
    </div>
</body>

</html>
<script src="./js/swiper-bundle.esm.browser.js"></script>
<script>
    var mySwiper = new Swiper('.swiper', {
        direction: 'horizontal', // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: {
            delay: 2000
        },
        speed: 600,
        pagination: {
            el: '.swiper-pagination',
  },navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
    }) 
</script>